草庐IT

HTML5 SVG

全部标签

javascript - SVG 标记在不同屏幕上呈现不同

更新:我解决了屏幕问题。设备像素比是罪魁祸首。在具有较低window.devicePixelRatio的设备上,图标显示得较小,一个解决方案是使图标的大小以window.devicePixelRatio为条件,即:scaledSize:highDevicePixelRatio?newgoogle.maps.Size(40,60):newgoogle.maps.Size(60,90)分辨率也可能起到一定作用,但我目前无法测试。不过,InternetExplorer11的问题仍然存在。**结束更新**所以这真的很荒谬,我还是有些莫名其妙。我注意到我的自定义标记的这种极其不一致的行为。把我逼

javascript - 我如何能够在 vue js html 中以给定格式多次选择和传递数据?

我需要以给定的格式传递数据。rules:[{name:null,section:null,data:[{head:null,value:null}]}],这就是我面临的问题。希望有人能帮我找出解决方案。给出了片段。我需要以上面给出的格式传递数据。如果rules[]里面需要另外一个数组也可以data[]中的head和value需要另一个数组。如果需要,这也可以。希望得到帮助。请帮助我找到解决方案。请更改选择以阅读问题addForm=newVue({el:"#addForm",data:{rules:[{name:null,section:null,data:[{head:null,val

javascript - 将长 html 导入拆分 PDF

我的场景是:单击按钮,将html上的数据导入PDF文件。由于这个PDF必须有一些复杂的要求样式,所以我的第一步是使用html2canvas.js将这个页面转换为图像,然后使用jsPDF.js将这个图像导入PDF当数据太大时,必须拆分PDF以容纳所有数据,为此,我使用了此处的代码:https://github.com/MrRio/jsPDF/pull/397我的问题是:在Firefox上,第2或3页的PDF拆分页面无法显示,它们完全是空白的。但在第1页上没问题。(这是用于Firefox的)我测试了其他浏览器,它们都很好。请问有人可以阐明如何解决这个问题吗?这是我的plnkr:http:/

javascript - Webpack 无法解析 html-loader

我正在将一个使用requirejs的项目转换为webpack,但遇到了“html-loader”加载器的问题。package.json:"html-loader":"^0.3.0","webpack":"^1.11.0","webpack-dev-server":"^1.10.1"应用程序/js/webpack.config.js://folderstructure://root//app/js//bower_components///dist///node_modules/entry:'./app/js/main.js',output:{path:'dist/js/',filenam

javascript - 在没有 ajax 调用的情况下使用带有 @HTML.BeginForm 的 formdata append

我想要实现的是将一个文件附加到一个发布请求,该请求是我使用javascript从拖放字段中获得的。问题是,我不想读取所有输入字段并通过ajax调用发布数据,我想使用@HTML.BeginForm中的默认提交方法。当我这样做时,multipart并不真正包含该文件。(注意:当我只提交文件或当我手动读取所有输入字段并使用单独的ajax提交时它有效。)我的代码:拖放js:varfile;varisDragged=false;varformData;functiondropHandler(ev){isDragged=true;ev.preventDefault();//UseDataTrans

javascript - Disqus 的 count.js 脚本在带有 react.js 网站的 index.html 中无法正常运行

让评论计数脚本在我的React页面上运行让我感到非常痛苦。首先,他们建议将脚本放在我的index.html文件中,位于的底部。标签。我已经这样做了,但没有看到任何结果。我有一个index.js文件,它正在加载我的所有组件,包括我想要评论数的组件(我们称之为ResultComponent.js)标签中。标签本身看起来像这样:varcommentCount=0Comments到目前为止,非常简单。我没有使用任何标签所以我没有#disqus_thread任何地方。当我加载我的页面时,我希望我的评论数量增加,但没有这样的运气。为了测试这一点,我从原始count.js脚本(即locatedher

javascript - 将 Flash (swf) 文件嵌入 HTML(和 XHTML)文档的 final方法是什么?

像大多数人一样,我使用SWFObject将Flash(swf)文件嵌入到我的Web项目中。如你所知SWFObjectoffers2waystoembedFlash:静态发布和动态发布。静态发布使用常规标记将文件嵌入到文档中,还可以使用JavaScript进行仅使用常规标记无法进行的检查。这很好,因为如果您的客户无法打开JavaScript(搜索引擎、某些可移植设备...),该文件仍会显示(如果他们安装了正确的Flash插件)。但是,如果有人使用旧版/未打补丁的InternetExplorer(betweenApril2006andApril2008),他们将通过可怕的“点击激活”来与F

javascript - SVG foreignObject 元素的 dagre-d3 IE 解决方法?

我是本科生合作社,目前正在为我的团队开发一个网页项目。一开始,我选择使用dagre-d3库来构建图形,它们在Chrome上运行良好。然后我意识到SVG中的ForeignObject元素在IE上不起作用(IE恰好是支持的主要浏览器)。由于我的目标本质上是在每个图形组件中填充HTML内容,我想知道是否有任何解决方法可以在仍然使用dagre-d3的IE上实现它。或者对不同的图形库有什么建议吗?更新:基本上我想创建如下截图所示的图表:下面是我现在使用dagre-d3构建图形的代码:HTML片段:JS片段:varg=newdagreD3.Digraph();//Constructnodesfor

javascript - 带有动态添加元素的 SVG 动画

基于this代码,我正在尝试为动态生成的SVG元素设置动画:varsvgnode=document.createElementNS('http://www.w3.org/2000/svg','svg');varcircle=document.createElementNS('http://www.w3.org/2000/svg','circle');circle.setAttribute("cx","10");circle.setAttribute("cy","10");circle.setAttribute("r","10");circle.setAttribute("fill","

javascript - 使用静态 html 的 Selectize.js 自定义渲染

我正在使用出色的selectize.js库生成一个带有选项组的有吸引力的选择框。一切正常,但我无法使用示例页面(电子邮件联系人)中的自定义渲染器http://brianreavis.github.io/selectize.js/因为“item”不知道“email”属性。我知道如何在javascript中执行此操作,但如何在静态html中定义这两个属性?在js中,这会是$('#id').selectize({...options:[{name:"Martin",email:"martin@asdf.at"}],....}我尝试了以下方法:Martin但这是行不通的...最后是从示例中提取